$f: 19.2;
h1 {
    margin: 0;
    padding: 0;
}
.wrap {
    width: 1400/$f+vw;
    margin: 0 auto;
}
.section1 {
    padding: 100/$f+vw 0 0;
    margin-bottom: 60/$f+vw;
    .wrap {
        display: flex;
        .l {
            width: 340/$f+vw;
            padding: 68/$f+vw 10/$f+vw 0 24/$f+vw;
            background-color: #E6E6E6;
            .link_list {
                display: flex;
                align-items: center;
                h5 {
                    width: 88/$f+vw;
                    font-size: 16/$f+vw;
                    font-weight: 400;
                    color: #333333;
                    line-height: 22/$f+vw;
                }
                .flex {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    a {
                        display: block;
                        font-size: 16/$f+vw;
                        font-weight: 400;
                        color: #333333;
                        line-height: 22/$f+vw;
                        opacity: 0.7;
                        &:hover {
                            color: #1A53F0;
                            opacity: 1;
                        }
                    }
                    span {
                        display: block;
                        font-size: 16/$f+vw;
                        font-weight: 400;
                        color: #333333;
                        opacity: 0.7;
                        margin: 0 5/$f+vw;
                        line-height: 22/$f+vw;
                    }
                }
                &:not(:last-child) {
                    margin-bottom: 30/$f+vw;
                }
            }
        }
        .r {
            width: 1060/$f+vw;
            .swiper1{
                width: 100%;
                img {
                    display: block;
                    width: 100%;
                }
            }
        }
    }
}
.section_part {
    margin-bottom: 60/$f+vw;
    .wrap {
        .title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 36/$f+vw;
            h1 {
                font-family: PingFang SC;
                font-size: 24/$f+vw;
                font-weight: 500;
                line-height: 1;
                text-align: left;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;
                padding: 0 0 0 15/$f+vw;
                border-left: 4/$f+vw solid #1A53F0;
            }
            .more {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 104/$f+vw;
                height: 42/$f+vw;
                border-radius: 4/$f+vw;
                background: #1A53F0;
                border: 1/$f+vw solid #1A53F0;
                font-size: 16/$f+vw;
                font-weight: 400;
                color: #fff;
                transition: 0.6s;
                &:hover {
                    background: #fff;
                    color: #1A53F0;
                }
            }
        }
        .content {
            display: flex;
            flex-wrap: wrap;
            .item {
                width: 335/$f+vw;
                display: block;
                background: #F6F9FF;
                margin-bottom: 40/$f+vw;
                .img {
                    width: 100%;
                    height: 204/$f+vw;
                    overflow: hidden;
                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        transition: 1.6s;
                    }
                }
                .item_text {
                    padding: 20/$f+vw;
                    h1 {
                        font-size: 20/$f+vw;
                        font-weight: 500;
                        line-height: 28/$f+vw;
                        transition: 0.6s;
                        margin: 0 0 16/$f+vw;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .item_flex {
                        display: flex;
                        align-items: center;
                        margin-bottom: 16/$f+vw;
                        h5 {
                            font-size: 16/$f+vw;
                            font-weight: 400;
                            line-height: 22/$f+vw;
                            color: #999;
                        }
                        p {
                            font-size: 16/$f+vw;
                            font-weight: 400;
                            line-height: 22/$f+vw;
                            color: #333333;
                        }
                    }
                    .item_bottom {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 16/$f+vw 0 0;
                        border-top: 1/$f+vw solid rgba(0,0,0,0.1);
                        p {
                            font-size: 16/$f+vw;
                            font-weight: 400;
                            color: #999;
                        }
                        .label {
                            font-size: 20/$f+vw;
                            font-weight: 500;
                            line-height: 28/$f+vw;
                            color: #FF4848;
                        }
                    }
                }
                &:not(:nth-child(4n)) {
                    margin-right: 20/$f+vw;
                }
                &:hover {
                    .img {
                        img {
                            transform: scale(1.1);
                        }
                    }
                    .item_text {
                        h1 {
                            color: #1A53F0;
                        }
                    }
                }
            }
        }
    }
}
.foot {
    margin-top: 120/$f+vw;
}
@media screen and (max-width: 1024px) {
    .section1 {
        padding: 80px 0 0;
        margin-bottom: 50px;
        .wrap {
            width: 90%;
            flex-direction: column-reverse;
            .r {
                width: 100%;
            }
            .l {
                padding: 20px;
                width: 100%;
                .link_list {
                    margin-bottom: 15px !important;
                    h5 {
                        font-size: 16px;
                        line-height: normal;
                        width: 100px;
                    }
                    .flex {
                        a {
                            font-size: 16px;
                            line-height: normal;
                        }
                        span {
                            font-size: 16px;
                            line-height: normal;
                        }
                    }
                }
            }
        }
    }
    .section_part {
        .wrap {
            width: 90%;
            .title {
                margin-bottom: 30px;
                h1 {
                    font-size: 24px;
                    padding: 0 0 0 10px;
                    border-left: 2px solid #1A53F0;
                }
                .more {
                    width: 80px;
                    height: 30px;
                    font-size: 14px;
                    border-radius: 3px;
                }
            }
            .content {
                .item {
                    width: 100%;
                    margin: 0 0 30px !important;
                    .img {
                        height: 55vw;
                    }
                    .item_text {
                        padding: 20px;
                        h1 {
                            font-size: 18px;
                            line-height: normal;
                            margin: 0 0 10px;
                        }
                        .item_flex {
                            margin: 0 0 5px;
                            p,h5 {
                                font-size: 16px;
                                line-height: normal;
                            }
                        }
                        .item_bottom {
                            padding: 10px 0 0;
                            margin-top: 20px;
                            p {
                                font-size: 14px;
                                line-height: normal;
                            }
                            .label {
                                font-size: 14px;
                                line-height: normal;
                            }
                        }
                    }
                }
            }
        }
    }
}